<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
    	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    	<meta name="viewport" content="width=device-width, initial-scale=1">
    	<link rel="stylesheet" href="dist/css/bootstrap.min.css" type="text/css"/>
    	<link rel="stylesheet" type="text/css" href="dist/css/app.css"/>
    	<script src="dist/js/jq0908.min.js" type="text/javascript" charset="utf-8"></script>
    	<script src="dist/js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
    	<script src="dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
    	<script src="dist/js/style.js" type="text/javascript" charset="utf-8"></script>
    	<script src="dist/js/public.js" type="text/javascript" charset="utf-8"></script>
		<title>QUANTUM MATERIALS</title>
	</head>
	<body>
		<div class="container-fluid" style="padding: 0;">
			<!--顶部导航-->
			<div class="top-container">
				<div class="top-head">
					<div class="left-info center_V">
						<img src="images/map.png" alt="map icon" class="center_V"/>
						<div class="info-text">
							2018 Symposium on Quantum Materials <br />
							Synthesis: Grand Challenges and Opportunities<br />
							November 15-17, 2018<br />
							Shanghai International Convention Center, Oriental Riverside Hotel, Shanghai
						</div>
					</div>
					<div class="center-logo center_" >
						<img src="images/logo.png" alt="LOGO" class="img-responsive"/>
					</div>
					<div class="right-sharepart center_V">
						<div id="share-title">
							<img src="images/share.png" alt="share icon" />
							Share with someone
						</div>
					</div>
					<div class="right-icon center_V">
						<a href="login.html" id="go_login" data-login="0"><img src="images/login.png" alt="login icon"/></a>
						<a href="javascript:void(0)" id="sign_out" class="btn btn-default">Sign out</a>
					</div>
					
				</div>
				<div class="nav-container clearfix">
					<ul class="list-inline pull-left">
						<li>
							<a href="javascript:void(0)" class="nav-item">INFO</a>
							<ul class="list-unstyled second-nav" >
								<li>
									<a href="importantdate.html">
										IMPORTANT DATES
									</a>
								</li>
								<li>
									<a href="spceilEvent.html">
										SPECIAL EVENTS
									</a>
								</li>
								<li>
									<a href="digest.html">
										DIGEST BOOK
									</a>
								</li>
								<li>
									<a href="qms.html">
										ABOUT QMS
									</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="register.html" class="nav-item">REGISTER</a>
							<ul class="list-unstyled second-nav" style="min-width: 120%;">
								<li>
									<a href="register.html">
										ACCOUNT
									</a>
								</li>
								<li>
									<a href="javascript:void(0)" id="goposter1">
										 POSTER
									</a>
								</li>
								<li>
									<a href="javascript:void(0)" id="goabstract1">
										ABSTRACT
									</a>
								</li>
								<li>
									<a href="hotel.html">
										HOTEL
									</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="invitedSpeaker.html" class="nav-item">INVITED SPEAKERS</a>
						</li>
						<li>
							<a href="javascript:void(0)" class="nav-item">PROGRAM</a>
						</li>
						<li>
							<a href="organization.html" class="nav-item">ORGANIZATION</a>
						</li>
						<li>
							<a href="sponsors.html" class="nav-item">SPONSORS</a>
						</li>
						<li>
							<a href="contract.html" class="nav-item">CONTACT</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="organization-table mid-part  mid-part2">
				<div class="page-label">
					Progrom schedule
				</div>
				<ul id="myTab" class="nav nav-tabs">
					<li class="active">
						<a href="#day1" data-toggle="tab">
							Day 1 (Tues., Aug. 30th)
						</a>
					</li>
					<li><a href="#day2" data-toggle="tab">Day 2 (Wed., Aug. 31st)</a></li>
					<li><a href="#day3" data-toggle="tab">Day 3 (Wed., Aug. 31st)</a></li>
				</ul>
				<div id="myTabContent" class="tab-content">
					<div class="tab-pane fade in active" id="day1">
						<table class="table">
							<tbody>
								<tr>
									<td width="22%">8:00 <span class="small-size">am</span></td>
									<td width="78%" colspan="2">Registration /Networking</td>
								</tr>
								<tr>
									<td width="22%">8:45 – 9:00 <span class="small-size">am</span></td>
									<td width="78%" colspan="2">Opening remark by</td>
								</tr>
								<tr>
									<td width="22%">9:00 – 9:40 <span class="small-size">am</span></td>
									<td width="78%" colspan="2">Plenary Talk:</td>
								</tr>
								
							</tbody>
						</table>
					</div>
					<div class="tab-pane fade" id="day2">
						<table class="table">
							<tbody>
								<tr>
									<td width="22%">10:00 <span class="small-size">am</span></td>
									<td width="78%" colspan="2">Registration /Networking</td>
								</tr>
								<tr>
									<td width="22%">8:45 – 9:00 <span class="small-size">am</span></td>
									<td width="78%" colspan="2">Opening remark by</td>
								</tr>
								<tr>
									<td width="22%">9:00 – 9:40 <span class="small-size">am</span></td>
									<td width="78%" colspan="2">Plenary Talk:</td>
								</tr>
								
							</tbody>
						</table>
					</div>
					<div class="tab-pane fade" id="day3">
						<table class="table">
							<tbody>
								<tr>
									<td width="22%">12:00 <span class="small-size">am</span></td>
									<td width="78%" colspan="2">Registration /Networking</td>
								</tr>
								<tr>
									<td width="22%">8:45 – 9:00 <span class="small-size">am</span></td>
									<td width="78%" colspan="2">Opening remark by</td>
								</tr>
								<tr>
									<td width="22%">9:00 – 9:40 <span class="small-size">am</span></td>
									<td width="78%" colspan="2">Plenary Talk:</td>
								</tr>
								
							</tbody>
						</table>
					</div>
				</div>
				
				<table class="table">
					<thead>
						<tr><th colspan="2">Session 1:</th></tr>
					</thead>
					<tbody>
						<tr>
							<td width="22%">9:40 – 10:10 <span class="small-size">am</span></td>
							<td width="78%"></td>
						</tr>
						<tr>
							<td width="22%">10:10 – 10:40 <span class="small-size">am</span></td>
							<td width="78%"></td>
						</tr>
						<tr>
							<td width="22%">10:40 – 11:10 <span class="small-size">am</span></td>
							<td width="78%">Break </td>
						</tr>
						
					</tbody>
				</table>
				<table class="table">
					<thead>
						<tr><th colspan="2">Session 2:</th></tr>
					</thead>
					<tbody>
						<tr>
							<td width="22%">11:10 – 11:40 <span class="small-size">am</span></td>
							<td width="78%"></td>
						</tr>
						<tr>
							<td width="22%">11:40 – 12:10 <span class="small-size">am</span></td>
							<td width="78%"></td>
						</tr>
						<tr>
							<td width="22%">12:10 – 12:40 <span class="small-size">am</span></td>
							<td width="78%"></td>
						</tr>
						<tr>
							<td width="22%">12:40 – 1:40 <span class="small-size">am</span></td>
							<td width="78%">Lunch </td>
						</tr>
					</tbody>
				</table>
				<table class="table">
					<thead>
						<tr><th colspan="2">Session 3:</th></tr>
					</thead>
					<tbody>
						<tr>
							<td width="22%">1:40 – 2:10 <span class="small-size">pm</span></td>
							<td width="78%"></td>
						</tr>
						<tr>
							<td width="22%">2:10 – 2:40 <span class="small-size">pm</span></td>
							<td width="78%"></td>
						</tr>
						<tr>
							<td width="22%">2:40 – 3:10 <span class="small-size">pm</span></td>
							<td width="78%"></td>
						</tr>
						<tr>
							<td width="22%">3:10 – 3:40 <span class="small-size">pm</span></td>
							<td width="78%"></td>
						</tr>
						<tr>
							<td width="22%">3:40 – 4:10 <span class="small-size">pm</span></td>
							<td width="78%">Break </td>
						</tr>
					</tbody>
				</table>
				<div class="btn-dosomething">
					<button class="btn" id="down-for-pdf">
						The program schedule is available for download in PDF
					</button>
				</div>
			</div>
			<!--footer-->
			<div class="footer">
				<div class="top-logo">
					<img src="images/logo.png" class="center_" alt="logo"/>
				</div>
				<div class="footer-text">
					sponsored by Fudan Unviversity   Contact Us | by XXX
				</div>
			</div>
		</div>
	</body>
</html>
